<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <link type="text/css" rel="stylesheet" href="../common/bootstrap/bootstrap.min.css">

    <!-- 输入框表单验证 依赖 bootstrap.min.css  -->
    <link type="text/css" rel="stylesheet" href="../common/validate/bootstrapValidator.css">


</head>
<body>
<button type="button" onclick="aaa()">sadfasd</button>

<button type="button" value="清除验证" onclick="clearvalidator()">清除验证</button>


<form id="form">
    <div class="row">
        <div class="col-md-4">
            <div class="form-group input-group">
                <span class="input-group-addon">员工编号</span>
                <input class="form-control" placeholder="员工编号" readonly="readonly" name="staffId" id="staffId">
            </div>
        </div>
        <div class="col-md-4">
            <div class="form-group input-group">
                <span class="input-group-addon">员工姓名</span>
                <input class="form-control" placeholder="员工姓名" name="staffName" id="staffName">
            </div>
        </div>
        <div class="col-md-4">
            <div class="form-group input-group">
                <span class="input-group-addon">员工手机号</span>
                <input class="form-control" placeholder="员工手机号" id="phone" name="phone">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4">
            <div class="form-group input-group">
                <span class="input-group-addon">员工身份证</span>
                <input class="form-control" placeholder="员工身份证" name="idCard" id="idCard">
            </div>
        </div>
        <div class="col-md-4">
            <div class="form-group input-group">
                <span class="input-group-addon">员工状态</span>
                <select class="form-control" id="status" name="status">
                    <option value="1">在职</option>
                    <option value="2">离职</option>
                    <option value="3">黑名单</option>
                </select>
            </div>
        </div>
        <div class="col-md-4">
            <div class="form-group input-group">
                <span class="input-group-addon">员工角色</span>
                <select class="form-control" id="roleId" name="roleId">
                </select>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="form-group input-group">
                <span class="input-group-addon">备注</span>
                <input class="form-control" placeholder="备注" name="remake" id="remake">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="form-group input-group">
                <span class="input-group-addon">员工地址</span>
                <input class="form-control" placeholder="员工地址" name="address" id="address">
            </div>
        </div>
    </div>


</form>


</body>
<!-- 有输入框验证的 js 引入卸载下面
 引入  jquery-3.3.1.min.js  bootstrap.min.js  bootstrapValidator.min.js   顺序不能反
 引入自定义的js
 -->
<script type="text/javascript" src="../common/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../common/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="../common/validate/bootstrapValidator.min.js"></script>
<script src="../test/formvalidate.js"></script>
</html>